<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./动画.css">
    <link rel="stylesheet" href="./导航.css">
</head>
      <div class="container">
        <h1 class="h1">WELCOME</h1>
        <div class="huanying">欢迎您</div>
      </div>
      <ul class="bg-squares">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>

      </ul>
      <!-- 定义导航 -->
      <div class="form">
        <a href="#" class="box"><i class="iconfont icon-shoucang"></i><span>收藏</span></a>
        <a href="#" class="box"><i class="iconfont icon-shezhi"></i><span>设置</span></a>
        <a href="#" class="box"><i class="iconfont icon-tishi"></i><span>提示</span></a>
        <a href="#" class="box"><i class="iconfont icon-fenlei"></i><span>分类</span></a>
        <a href="#" class="box"><i class="iconfont icon-geren"></i><span>个人</span></a>
        </div>
<body>
    
</body>
</html>